<template>
  <div>
     <p class="bot marClear"><span class="txt-lab">商品金额:</span><span class="txt-lab">￥{{ order.price }}</span></p>
      <p class="bot marClear" v-if="order.points > 0"><span class="txt-lab">使用积分:</span><span class="txt-lab">-￥{{ order.points }}</span></p>
      <p class="bot marClear" v-if="order.favorable > 0"><span class="txt-lab">会员优惠:</span><span class="txt-lab">-￥{{ order.favorable }}</span></p>
      <p class="bot marClear" v-if="order.discount > 0"><span class="txt-lab">折扣:</span><span class="txt-lab">-￥{{ order.discount }}</span></p>
      <p class="bot marClear" v-if="order.freight > 0"><span class="txt-lab">运费:</span><span class="txt-lab">+￥{{ order.freight }}</span></p>
     <p class="bot marClearZero"><span class="txt-lab">实付款:</span><span class="txt-price">￥{{ order.actualPay }}</span></p>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    props: [],
    data () {
       return {
           order:{
               price: this.$store.state.tranStore.order.price,
               points: this.$store.state.tranStore.order.points,
               favorable: this.$store.state.tranStore.order.favorable,
               discount: this.$store.state.tranStore.order.discount,
               freight: this.$store.state.tranStore.order.freight,
               actualPay: this.$store.state.tranStore.order.actualPay
           }
       }
    }
  }
</script>
<style></style>